<%@ page import="java.util.Date" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="s" uri="/struts-tags" %>

<link rel="stylesheet" media="screen" href="css/docs.css" />
<script type="text/javascript" src="js/jquery.itextclear.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('input[type=text], input[type=password], input[type=url], input[type=email], input[type=number], textarea', '.form').iTextClear();
    });
</script>
<!-- jQplot CSS -->

<link rel="stylesheet" media="screen" href="css/Tree.css"/>
<!-- jQplot CSS END -->

<!-- DATATABLES CSS -->
<link rel="stylesheet" media="screen" href="lib/datatables/css/vpad.css"/>
<script type="text/javascript" src="lib/datatables/js/jquery.dataTables.js"></script>
<!-- DATATABLES CSS END -->

<h1 class="page-title">离职手续办理 - 签字单</h1>

<div class="container_12 clearfix leading">
    <section class="tabs grid_12 leading">
        <ul class="clearfix">
            <li><a href="#" class="current">签字单</a></li>
        </ul>
        <section>
            <section class="clearfix" style="display: block;">
                <div class="container_12 clearfix leading" id="leave_print_area">
                    <div class="portlet grid_12 leading docs">
                        <header>
                            <h4 style="margin-top:10px; text-align:center">上海麦博特网络技术有限公司</h4>
                            <h4 style="margin-top:10px; text-align:center">离职手续签字单</h4>
                        </header>
                        <section>
                            <DIV class="portlet">
                                <header>
                                    <h5_n>${apply.work.baseId.name}</h5_n><h2>${apply.work.baseId.sex == "0" ? "男" : "女"}</h2>
                                </header>
                                <section class="clearfix">
                                    <div class="grid_3 alpha" style=" text-align:center">
                                        <img src="images/list_JS.jpg" width="120" height="135" />
                                    </div>
                                    <div class="grid_3">
                                        <dl>
                                            <dt>岗位</dt>
                                            <dd><h6>${apply.work.duty.dutyName}</h6></dd>
                                            <dt>员工号</dt>
                                            <dd><h6>${apply.work.workNo}</h6></dd>
                                            <dt>职等</dt>
                                            <dd><h6>${apply.work.grade.gradeName}</h6></dd>
                                        </dl>
                                    </div>
                                    <div class="grid_3">
                                        <dl>
                                            <dt>部门</dt>
                                            <dd><h6>${apply.work.organization.fullName}</h6></dd>
                                            <dt>职务</dt>
                                            <dd><h6>${apply.work.duty.dutyName} </h6></dd>
                                            <dt>职级</dt>
                                            <dd><h6>${apply.work.gradeLevel.gradeSort}</h6></dd>
                                        </dl>
                                    </div>
                                    <div class="grid_3 omega">
                                        <dl>
                                            <dt>工龄</dt>
                                            <dd><h6>${apply.work.workAge}</h6></dd>
                                            <dt>考核记录</dt>
                                            <dd><h6>92分</h6>
                                                <select id="form-timezone" style="opacity: 0;">
                                                    <option value="1">显示本年度</option>
                                                    <option value="2">显示上年度</option>
                                                    <option value="3">显示全部</option>
                                                </select>
                                            </dd>
                                        </dl>
                                    </div>
                                </section>
                            </DIV>
                            <p></p>
                            <p></p>
                            <table class="basic-table">
                                <thead>
                                <tr>
                                    <th style="width:100px">项目名称</th>
                                    <th>项目内容</th>
                                    <th>审核人</th>
                                    <th>备注</th>
                                    <th>签名</th>
                                </tr>
                                </thead>

                                <s:iterator value="#request.projects" var="p">
                                <tbody>
                                <tr>
                                    <td>${p.name}</td>
                                    <td>${p.content}</td>
                                    <td>${p.auditor.name}</td>
                                    <td>${p.remark}</td>
                                    <td >&nbsp;</td>
                                </tr>
                                </tbody>
                                </s:iterator>
                            </table>


                            <div class="clear"></div>
                            <hr/>
                            <p></p>
                            <em>人力资源部</em>
                            <hr/>
                        </section>
                    </div>
                </div>
                <div class="tabs side grid_12 leading">
                    <div class="clear"></div>
                    <div class="grid_12">
                        <div class="form-action clearfix">
                            <p><a href="javascript:void(0)" class="button" onclick="printLeaveInfo()"><span class="icon" style="background:url(${ctx}/images/img/printer.png)">&nbsp;</span>打印</a>
                            </p>
                        </div>
                    </div>
                </div>
            </section>

            <section class="clearfix" style="display: none;">
                <header class="grid_12 alpha omega">
                    <h2>Tab 4</h2>
                </header>
            </section>
        </section>
    </section>
</div>

<div class="clear"></div>
<script type="text/javascript" src="${ctc}/js/jquery.printarea.js"></script>
<script type="text/javascript">
    function printLeaveInfo() {
        $("#leave_print_area").printArea();
    }
</script>